<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/include/page.jsp" %>
<!DOCTYPE HTML>
<html>
	<head>
		<title>朝代列表</title>
		<%@ include file="/common/include/title.jsp" %>
		<!--请在下方写此页面业务相关的脚本-->
		<script type="text/javascript"
			src="${rootPath }/common/resource/H-ui.admin/lib/My97DatePicker/4.8/WdatePicker.js"></script>
		<script type="text/javascript"
			src="${rootPath }/common/resource/H-ui.admin/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
		<script type="text/javascript" src="${rootPath }/common/resource/H-ui.admin/lib/laypage/1.2/laypage.js"></script>
	</head>
	<body>
		<nav class="breadcrumb">
			<i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span>
			资讯管理 <span class="c-gray en">&gt;</span> 资讯列表 <a
				class="btn btn-success radius r"
				style="line-height: 1.6em; margin-top: 3px"
				href="javascript:location.replace(location.href);" title="刷新"><i
				class="Hui-iconfont">&#xe68f;</i></a>
		</nav>
		<div class="page-container">
			<div class="text-c">
				<!-- 
					表单在提交的时候,
					会将表单的所有控件;中的Name=value放到信里面
				 -->
				<form action="${rootPath }/back/DemoBackServlet?method=dynastyList" method="post">
					<button onclick="removeIframe()" class="btn btn-primary radius">关闭选项卡</button>
					<span class="select-box inline">
						<select name="status" class="select">
							<option value="">请选择</option>
							<!-- x ? y : z -->
							<option value="1" ${requestScope.status == '1' ? 'selected' : ''}>启用</option>
							<option value="0" ${requestScope.status == '0' ? 'selected' : ''}>禁用</option>
						</select>
					</span> 
					日期范围： 
					<input type="text" name="st" value="${requestScope.st}"
						onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})"
						id="logmin" class="input-text Wdate" style="width: 160px;">
					- 
					<input type="text" name="ed" value="${requestScope.ed }"
						onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})"
						id="logmax" class="input-text Wdate" style="width: 160px;">
					<input type="text" name="keyword" id="" placeholder="朝代名称"
						style="width: 150px" value="${requestScope.keyword }" class="input-text">
					<!-- button的type=submit的效果和
					<input type="submit" value="搜朝代"/>一样 -->
					<button name="" id="" class="btn btn-success" type="submit">
						<i class="Hui-iconfont">&#xe665;</i> 搜朝代
				</button>
			  </form>
			</div>
			<div class="cl pd-5 bg-1 bk-gray mt-20">
				<span class="l">
					<a href="javascript:;" onclick="datadel()"
					class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i>
						批量删除</a>
					<a class="btn btn-primary radius" data-title="添加资讯"
						data-href="article-add.html" onclick="Hui_admin_tab(this)"
						href="javascript:;">
						<i class="Hui-iconfont">&#xe600;</i> 添加资讯
					</a>
				</span>
				<span class="r">共有数据：<strong>${requestScope.pageInfoUtil.totalRecord }</strong> 条 </span>
			</div>
			<div class="mt-20">
				<table
					class="table table-border table-bordered table-bg table-hover table-sort table-responsive">
					<thead>
						<tr class="text-c">
							<th width="25"><input type="checkbox" name="" value=""></th>
							<th width="50">序号</th>
							<th width="50">id</th>
							<th width="80">名字</th>
							<th width="80">首都</th>
							<th width="50">年龄</th>
							<th width="50">状态</th>
							<th width="130">创建时间</th>
							<th width="130">更新时间</th>
							<th width="130">发布时间</th>
							<th width="50">操作</th>
						</tr>
					</thead>
					<tbody>
						<%-- 从request中获取dynastyList,然后循环 
							List dynastyList = new ArrayList();
							int stat = 0 ; 
							for(Iterator iter = list.iterator();iter.hasNext();)
							{
								Object dynasty = iter.next();
								stat ++ ; 
							}
						--%>
						<c:forEach items="${requestScope.dynastyList }" var="dynasty" varStatus="stat">
							<tr class="text-c">
								<td><input type="checkbox" value="" name=""></td>
								<td>${stat.count}</td>
								<td>${dynasty.id}</td>
								<td class="text-l">
									<u style="cursor: pointer" class="text-primary"
										onClick="article_edit('查看','article-zhang.html','10002')"
										title="查看">
										${dynasty.name }
									</u>
								</td>
								<td>${dynasty.capital }</td>
								<td>${dynasty.age }</td>
								<td>
									<span class="label label-success radius">
										${dynasty.status}
									</span>
								</td>
								<td><fmt:formatDate value="${dynasty.createTime}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
								<td><fmt:formatDate value="${dynasty.updateTime}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
								<td><fmt:formatDate value="${dynasty.pubTime}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
								<td class="f-14 td-manage">
									<a style="text-decoration: none" class="ml-5"
										onClick="article_edit('资讯编辑','article-add.html','10001')"
										href="javascript:;" title="编辑">
										<i class="Hui-iconfont">&#xe6df;</i>
									</a>
									<a style="text-decoration: none" class="ml-5"
										onClick="article_del(this,'10001')" href="javascript:;"
										title="删除">
										<i class="Hui-iconfont">&#xe6e2;</i>
									</a>
								</td>
							</tr>
						</c:forEach>
					</tbody>
				</table>
			</div>
			<div class="mt-20">
				<div class="dataTables_info" id="DataTables_Table_0_info" role="status"
					aria-live="polite">显示 11 到 20 ，共 20 条</div>
				<div class="dataTables_paginate paging_simple_numbers"
					id="DataTables_Table_0_paginate">
					<a class="paginate_button previous" aria-controls="DataTables_Table_0"
						data-dt-idx="0" tabindex="0" id="DataTables_Table_0_previous">上一页</a><span><a
						class="paginate_button " aria-controls="DataTables_Table_0"
						data-dt-idx="1" tabindex="0">1</a><a class="paginate_button current"
						aria-controls="DataTables_Table_0" data-dt-idx="2" tabindex="0">2</a></span><a
						class="paginate_button next disabled"
						aria-controls="DataTables_Table_0" data-dt-idx="3" tabindex="0"
						id="DataTables_Table_0_next">下一页</a>
				</div>
			</div>
		</div>
	
		<script type="text/javascript">
			/* $('.table-sort').dataTable({
				"aaSorting" : [ [ 1, "desc" ] ],//默认第几个排序
				"bStateSave" : true,//状态保存
				"pading" : false,
				"aoColumnDefs" : [
				//{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
				{
					"orderable" : false,
					"aTargets" : [ 0, 8 ]
				} // 不参与排序的列
				]
			}); */
	
			/*资讯-添加*/
			function article_add(title, url, w, h) {
				var index = layer.open({
					type : 2,
					title : title,
					content : url
				});
				layer.full(index);
			}
			/*资讯-编辑*/
			function article_edit(title, url, id, w, h) {
				var index = layer.open({
					type : 2,
					title : title,
					content : url
				});
				layer.full(index);
			}
			/*资讯-删除*/
			function article_del(obj, id) {
				layer.confirm('确认要删除吗？', function(index) {
					$.ajax({
						type : 'POST',
						url : '',
						dataType : 'json',
						success : function(data) {
							$(obj).parents("tr").remove();
							layer.msg('已删除!', {
								icon : 1,
								time : 1000
							});
						},
						error : function(data) {
							console.log(data.msg);
						},
					});
				});
			}
	
			/*资讯-审核*/
			function article_shenhe(obj, id) {
				layer
						.confirm(
								'审核文章？',
								{
									btn : [ '通过', '不通过', '取消' ],
									shade : false,
									closeBtn : 0
								},
								function() {
									$(obj)
											.parents("tr")
											.find(".td-manage")
											.prepend(
													'<a class="c-primary" onClick="article_start(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
									$(obj)
											.parents("tr")
											.find(".td-status")
											.html(
													'<span class="label label-success radius">已发布</span>');
									$(obj).remove();
									layer.msg('已发布', {
										icon : 6,
										time : 1000
									});
								},
								function() {
									$(obj)
											.parents("tr")
											.find(".td-manage")
											.prepend(
													'<a class="c-primary" onClick="article_shenqing(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
									$(obj)
											.parents("tr")
											.find(".td-status")
											.html(
													'<span class="label label-danger radius">未通过</span>');
									$(obj).remove();
									layer.msg('未通过', {
										icon : 5,
										time : 1000
									});
								});
			}
			/*资讯-下架*/
			function article_stop(obj, id) {
				layer
						.confirm(
								'确认要下架吗？',
								function(index) {
									$(obj)
											.parents("tr")
											.find(".td-manage")
											.prepend(
													'<a style="text-decoration:none" onClick="article_start(this,id)" href="javascript:;" title="发布"><i class="Hui-iconfont">&#xe603;</i></a>');
									$(obj)
											.parents("tr")
											.find(".td-status")
											.html(
													'<span class="label label-defaunt radius">已下架</span>');
									$(obj).remove();
									layer.msg('已下架!', {
										icon : 5,
										time : 1000
									});
								});
			}
	
			/*资讯-发布*/
			function article_start(obj, id) {
				layer
						.confirm(
								'确认要发布吗？',
								function(index) {
									$(obj)
											.parents("tr")
											.find(".td-manage")
											.prepend(
													'<a style="text-decoration:none" onClick="article_stop(this,id)" href="javascript:;" title="下架"><i class="Hui-iconfont">&#xe6de;</i></a>');
									$(obj)
											.parents("tr")
											.find(".td-status")
											.html(
													'<span class="label label-success radius">已发布</span>');
									$(obj).remove();
									layer.msg('已发布!', {
										icon : 6,
										time : 1000
									});
								});
			}
			/*资讯-申请上线*/
			function article_shenqing(obj, id) {
				$(obj).parents("tr").find(".td-status").html(
						'<span class="label label-default radius">待审核</span>');
				$(obj).parents("tr").find(".td-manage").html("");
				layer.msg('已提交申请，耐心等待审核!', {
					icon : 1,
					time : 2000
				});
			}
		</script>
	</body>
</html>